<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <link rel="shortcut icon" href="sandbox/env/favicon.ico">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>W3D</title>
  <link rel="stylesheet" type="text/css" href="sandbox/env/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="sandbox/env/css/demoIndex.css">
  <link rel="stylesheet" href="sandbox/env/css/demoLeft.css">
  <link rel="stylesheet" type="text/css" href="sandbox/css/icons.css">
  <link rel="stylesheet" type="text/css" href="sandbox/css/common.css">

  <script type="text/javascript" src="sandbox/env/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="sandbox/env/bootstrap/js/bootstrap.min.js"></script>

  <style>
    .navbar-default {
      background-color: #08080d;
      border-color: #030305;
    }

    .navbar-brand {
      margin-top: 3px;
    }

    .section-title {
      height: 64px;
      margin-top: 24px;
      margin-bottom: 0px;
      font-family: "microsoft yahei";
      font-weight: bold;
      font-size: 24px;
      color: #5f6063;
      border-bottom-color: #CBCEDA;
      text-align: left;
    }

    .thumbnail {
      margin-top: 32px;
      margin-bottom: 0px;
      border-color: #cbceda;
      border-radius: 3px;
      padding: 0;
      /*padding: 16px 16px 10px 16px;*/
    }

    .thumbnail p {
      margin: 4px 16px;
      font-family: "microsoft yahei";
      font-weight: bold;
      font-size: 16px;
      color: #5f6063;
    }

    #baseAPI,
    #geosolution,
    #tryOut,
    #samples {
      float: left;
      width: 25%;
      padding: 2px 0;
      text-align: center;
      cursor: pointer;
      line-height: 45px;
    }

    #accordionTab {
      position: absolute;
      left: 250px;
      width: 450px;
      color: #666;
    }

    .checked {
      color: #030305;
      border-bottom: #030305 solid 3px;
      font-weight: bold;
    }

    #accordionTab>li {
      height: 48px
    }

    #accordionTab>li:hover {
      color: #030305;
    }
    @media (min-width: 992px){
        .col-md-3 {
          width: 24%;
        }
    }
  </style>
</head>

<body>
  <div class="w-container-header">
    <div class="w-container-header-logo"></div>
    <!-- <div class="w-container-header-title"></div> -->
  </div>
  <!-- <div class="menu onBody">
    <nav class="navbar navbar-default navbar-fixed-top col-md-10 col-md-offset-0" style="height: 56px"
      role="navigation">
      <div class="container-fluid" style="height: 100%">
        <!--  导航左侧 --
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
            data-target="#navbar-collapse-right">
            <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="javascript:void(0);">
            <span class="logo-img"></span>
            <span class="opengis">W3D</span><span class="chanpin"></span>
          </a>
          <a class="navbar-brand backToOld" href="#"></a>
        </div>
        <!--  导航右侧 --
        <div class="collapse navbar-collapse" id="navbar-collapse-right">

        </div>
      </div>
      <!-- /.container-fluid --
    </nav>
  </div> -->
  <!-- menu end -->
  <div class="second-menu" id="second-menu">
    <ul id="accordionTab">
      <li id='baseAPI' class="checked">示例</li>
      <li id='geosolution'>案例</li>
      <!-- <li id='tryOut'>GPU算力</li>
      <li id='samples'>探索中</li> -->
    </ul>
  </div>
  <div style="background-color: #ffffff; padding-top: 91px; padding-bottom: 32px;min-height: 878px;"
    class="container-fluid">
    <div class="content-demoJS cur">
      <div class="row">
        <!-- 左侧 -->
        <div class="left-tree">
          <ul id="accordion_baseAPI" class="accordion">
          </ul>
          <ul id="accordion_geosolution" class="accordion" style="display: none">
          </ul>
          <ul id="accordion_tryOut" class="accordion" style="display: none">
          </ul>
          <ul id="accordion_samples" class="accordion" style="display: none">
          </ul>
        </div>
        <!--left end-->
        <div id="sections_baseAPI" style="margin-left: 304px; margin-right: 40px; float: left;">
          <!----------查询demo框 ---->

        </div>
        <div id="sections_geosolution" style="margin-left: 304px; margin-right: 40px; display: none;">
          <!----------查询demo框 ---->

        </div>
        <div id="sections_tryOut" style="margin-left: 304px; margin-right: 40px; float: left;display: none;">
          <!----空置--->
        </div>
        <div id="sections_samples" style="margin-left: 304px; margin-right: 40px; float: left;display: none;">
        </div>
        <div class="search">
          <input id="searchTxt" type="text" placeholder="示例搜索" onfocus="this.placeholder=''"
            onblur="this.placeholder='示例搜索'" />
          <i class="icons-search"></i>
          <div id="searchTable"></div>
        </div>
        <!-- sections end -->
      </div>
      <!--row end-->
    </div>
  </div>
  <!--background container end-->

  <script type="text/javascript" src="sandbox/env/assets/js/demoIndex.js"></script>
  <script type="text/javascript" src="sandbox/env/assets/js/demoLeft.js"></script>
  <script type="text/javascript" src="sandbox/env/assets/js/demoSearch.js"></script>
</body>
<script src="sandbox/env/js/navbar.js" type="text/javascript"></script>

</html>
